<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<ui:composition>
	<f:subview>
		<div class="content-secondary">
			<div class="left-column">
				<div class="left-menu-border">
					<div class="left-menu-top">
						<div class="left-menu-bottom">
							<div class="title-border-dashed">
								<h3>Búsqueda</h3>
							</div>
							<ul class="menu-left contact">
								<li class="no-border-bottom"><br />
								<br />
								<br /></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<div class="right-column">
				<div class="contact-form-top-bg">
					<div class="contact-form-bottom-bg">
						<a4j:form styleClass="form">
						<div class="title-border-dashed padding-top-15px">
							<h3>Administrar Usuarios</h3>
							<div class="boton-derecha">
								<a4j:commandLink styleClass="holder-small"
								action="#{adminBean.nuevoUsuario}" 
								rendered="#{adminBean.accion == 'L'}" 
								reRender="detallesBody,ppnlNuevoUsuario">
									<span class="holder-small-repeat">Nuevo</span>
									<span class="holder-small-right"></span>
									<a4j:actionparam name="accion" value="N"
										assignTo="#{adminBean.accion}" />
								</a4j:commandLink>
							</div>
						</div>
						
						<rich:dataTable var="o" value="#{adminBean.lstUsuarios}"
							rendered="#{adminBean.accion == 'L'}"
							styleClass="stable" rowClasses="odd-row, even-row"
							iterationStatusVar="it" id="tablaUsuarios" rows="15">
			                <f:facet name="header">
			                    <rich:columnGroup>
			                        <h:column><h:outputText value="#" /></h:column>
			                        <h:column><h:outputText value="Usuario" /></h:column>
			                        <h:column><h:outputText value="Tipo Documento" /></h:column>
			                        <h:column><h:outputText value="Nro. Documento" /></h:column>
			                        <h:column><h:outputText value="Apellido Paterno" /></h:column>
			                        <h:column><h:outputText value="Apellido Materno" /></h:column>
			                        <h:column><h:outputText value="Nombres" /></h:column>
			                        <h:column><h:outputText value="Acciones" /></h:column>
			                    </rich:columnGroup>
			                </f:facet>
							<rich:column>
								<h:outputText value="#{o.codigo}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.usuario}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.tipoDocumento.nombreLargo}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.dni}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.apellidoPaterno}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.apellidoMaterno}" />
							</rich:column>
							<rich:column>
								<h:outputText value="#{o.nombres}" />
							</rich:column>
							<rich:column>
								<a4j:commandLink styleClass="no-decor" execute="@this"
									render="@none"
									oncomplete="#{rich:component('pnlConfirmar')}.show()">
									<h:graphicImage value="../../common/images/iconos/delete.gif"
										alt="delete" />
									<a4j:actionparam value="#{it.index}"
										assignTo="#{adminBean.obUsuario.index}" />
								</a4j:commandLink>
								<a4j:commandLink styleClass="no-decor" render="editGrid"
									execute="@this"
									oncomplete="#{rich:component('pnlEditarUsuario')}.show()">
									<h:graphicImage value="../../common/images/iconos/edit.gif"
										alt="edit" />
									<a4j:actionparam value="#{it.index}" assignTo="#{adminBean.obUsuario.index}" />
									<f:setPropertyActionListener target="#{adminBean.obUsuario}" value="#{o}" />
								</a4j:commandLink>
							</rich:column>
						</rich:dataTable>

						</a4j:form>
						<a4j:form styleClass="form">
				        <rich:panel header="Registrar Persona" id="ppnlNuevoUsuario" 
				        width="410" height="330" rendered="#{adminBean.accion == 'N'}">
				            <h:panelGrid columns="3" id="pnlNuevoUsuario">
				                <h:outputText value="Tipo de Persona" />
								<h:selectOneMenu value="#{adminBean.obUsuario.tipoPersona.codigo}" id="tipoPersona">
									<f:selectItems value="#{adminBean.cboTipoPersona}" />
								</h:selectOneMenu>
								<h:panelGroup />
				                <h:outputText value="Tipo de Documento" />
				                <h:selectOneMenu value="#{adminBean.obUsuario.tipoDocumento.codigo}" id="tipoDocumento">
									<f:selectItems value="#{adminBean.cboTipoDocumento}" />
								</h:selectOneMenu>
								<h:panelGroup />
				                <h:outputLabel value="DNI" />
				                <h:inputText value="#{adminBean.obUsuario.dni}" label="DNI"
				                >
				                	<f:validateLength minimum="8" maximum="8"/>
				                </h:inputText> 
				                <a4j:commandLink value="Buscar" 
				                reRender="detallesBody" 
				                action="#{adminBean.buscarPersona}" >
				                </a4j:commandLink>
				                <h:outputLabel value="Apellido Paterno" />
				                <h:outputText value="#{adminBean.obUsuario.apellidoPaterno}" label="Apellido Paterno"
				                />
				                <h:panelGroup />
				                <h:outputLabel value="Apellido Materno" />
				                <h:outputText value="#{adminBean.obUsuario.apellidoMaterno}" label="Apellido Materno"
								/>
				                <h:panelGroup />
				                <h:outputLabel value="Nombres" />
				                <h:outputText value="#{adminBean.obUsuario.nombres}" label="Nombres"
								/>
				                <h:panelGroup />
				                <h:outputLabel value="Fecha de Nacimiento" />
				                <h:outputText value="#{adminBean.obUsuario.fechaNacimiento}" label="Fecha de Nacimiento"
								/>
				                <h:panelGroup />
				                <h:outputLabel value="Sexo" />
				                <h:outputText value="#{adminBean.obUsuario.sexo.nombreLargo}" />
								<h:panelGroup />
				                <h:outputLabel value="Correo" />
				                <h:inputText value="#{adminBean.obUsuario.correo}" label="Correo"
								/>
				                <h:panelGroup />
				                <h:outputLabel value="Celular" />
				                <h:inputText value="#{adminBean.obUsuario.celular}" label="Celular"
								/>
				                <h:panelGroup />
			                	<h:outputLabel value="Usuario" />
			                	<h:inputText value="#{adminBean.obUsuario.usuario}" label="Usuario"
								/>
			                	<h:panelGroup />
			                	<h:outputLabel value="Contraseña" />
			                	<h:inputText value="#{adminBean.obUsuario.contrasenia}" label="Contraseña"
								/>
				                <h:panelGroup />
				            </h:panelGrid>
							<div class="botones-popup-centrar" style="width: 150px;">
								<a4j:commandLink styleClass="holder-small"
									action="#{adminBean.registrarUsuario}" 
									oncomplete="mostrarMsg()"
									reRender="detallesBody">
									<span class="holder-small-repeat">Guardar</span>
									<span class="holder-small-right"></span>
									<a4j:actionparam name="accion" value="L"
										assignTo="#{adminBean.accion}" />	
								</a4j:commandLink>
								<a4j:commandLink styleClass="holder-small"
								ajaxSingle="true"
									reRender="detallesBody">
									<span class="holder-small-repeat">Cancelar</span>
									<span class="holder-small-right"></span>
									<a4j:actionparam name="ruta"
										value="/pages/admin/usuario/mantenimiento.xhtml"
										assignTo="#{beanLinkMenu.ruta}" />
									<a4j:actionparam name="accion" value="L"
										assignTo="#{adminBean.accion}" />
								</a4j:commandLink>
							</div>
				        </rich:panel>
				        </a4j:form>
					</div>
				</div>
			</div>
			
		</div>
		
		
						<rich:modalPanel id="pnlConfirmar" autosized="true">
							<div class="contenido-popup-centrar" style="width: 250px;">
								<em>¿Está seguro que desea eliminar el registro?</em>

								<div class="botones-popup-centrar" style="width: 145px;">
									<a4j:commandLink styleClass="holder-small"
										onclick="#{rich:component('pnlConfirmar')}.hide(); return false;">
										<span class="holder-small-repeat">Cancelar</span>
										<span class="holder-small-right"></span>
									</a4j:commandLink>
									<a4j:commandLink styleClass="holder-small"
										onclick="eliminarUsuario(); return false;">
										<span class="holder-small-repeat">Eliminar</span>
										<span class="holder-small-right"></span>
									</a4j:commandLink>
								</div>
							</div>
						</rich:modalPanel>

						<a4j:jsFunction name="eliminarUsuario"
							action="#{admin.eliminarUsuario}" render="tablaUsuarios"
							execute="@this"
							oncomplete="#{rich:component('pnlConfirmar')}.hide();" />
							
				        <rich:modalPanel header="Editar Usuario" id="pnlEditarUsuario" domElementAttachment="parent" width="400" height="170">
				            <h:panelGrid columns="3" id="editGrid">
				                <h:outputLabel value="DNI" />
				                <h:outputText value="#{adminBean.obUsuario.dni}" />
				                <h:panelGroup />
				                <h:outputText value="Tipo de Persona" />
								<rich:comboBox defaultLabel="Seleccione">
									<f:selectItems value="#{adminBean.cboTipoPersona}" />
								</rich:comboBox>
				            </h:panelGrid>
				            <a4j:commandButton value="Store" action="#{carsBean.store}" render="table" execute="editPane"
				                oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('editPane')}.hide();}" />
							<div class="botones-popup-centrar" style="width: 145px;">
								<a4j:commandLink styleClass="holder-small"
									onclick="#{rich:component('pnlEditarUsuario')}.hide(); return false;">
									<span class="holder-small-repeat">Cancelar</span>
									<span class="holder-small-right"></span>
								</a4j:commandLink>
							</div>
				        </rich:modalPanel>
		
	</f:subview>
</ui:composition>
</html>